<seed-content>
  <seed-toolbar-header>
    <seed-toolbar-title>历史成绩</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>


  <div class="history-scores-wrap">
    <div class="train-title">
      <div class="title-text">
        {{params?.testMethodName}}
      </div>
      <!--<div class="title-demand" [routerLink]="['/train/parent/score-standard']">-->
      <!--查看评分标准-->
      <!--</div>-->
    </div>
    <div class="score-detail-item border-bottom-scaleY item-title">
      <div class="score-item-left">测试评级</div>
      <div class="score-item-center seed-flexbox-item">测试成绩</div>
      <div class="score-item-right">测试日期</div>
    </div>

    <seed-infinite-scroll (infiniteScroll)="getStudentScoreHistory()">
      <ul class="score-detail-list">
        <li class=" border-bottom-scaleY" *ngFor="let score of scoreList; let i=index;"
            [routerLink]="['/train/parent/scores-details', params.studentId, params.levelId, params.testModeId, params.testMethodId]"
            [queryParams]="{
              testDate: score.testDate,
              testItemText:params.testItemText,
              ageGroupText:params.ageGroupText,
              testMethodName: params.testMethodName
            }">
          <div class="score-detail-item" *ngIf="score">
            <div class="score-item-left">{{score.testScoreLevel}}</div>
            <div class="score-item-center seed-flexbox-item">{{score.testScore}} {{score.testScoreDesc}}</div>
            <div class="score-item-right">{{score.testDate | changetime }}</div>
            <seed-icon color="c4" name="icon-arrow-right"></seed-icon>
          </div>
        </li>
        <seed-infinite-scroll-content class="load-bg" *ngIf="scoreList.length > 5"></seed-infinite-scroll-content>
      </ul>

    </seed-infinite-scroll>

  </div>

  <seed-default-graph *ngIf="scoreList.length === 0" [text]="'暂无内容'" [url]="'unifyPic'"></seed-default-graph>

</seed-content>
